<!DOCTYPE html> 
<html> 
	<head> 
		<title>Cloudmonitor Login</title> 
		<meta name="viewport" content="width=device-width, initial-scale=1"> 
		<link rel="stylesheet" href="../css/themes/default/jquery.mobile-1.3.0.min.css" />
		<script src="../js/jquery.js"></script>
		<script src="../js/jquery.mobile-1.3.0.min.js"></script>
	</head> 
<body>
	<div id="page_login" data-role="page">
		<div data-role="header">
			<a href="#" data-rel="back" data-role="button" data-icon="arrow-l" data-inline="true">Back</a>
			<h1>Cloudmonitor</h1>
		</div><!-- /header -->
		<div data-role="content">
			<form action="" method="post" id="mobile_form_login">
				<div data-role="fieldcontain">
					<label for="username">Username:</label>
					<input type="text" name="username" id="username" value=""/>
				</div>
				<div data-role="fieldcontain">
					<label for="password">Password:</label>
					<input type="password" name="password" id="password" value="" />
				</div>
				<div data-inline="true">
					<a href="index.html" data-role="button">Cancel</a>
					<a href="index.html" data-role="button" data-theme="b">Login</a>
				</div>
			</form>
		</div><!-- /content -->
	</div><!-- /page -->
</body>
</html>